<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>SeatPoint</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap-glyphicons.css">
    <link rel="stylesheet" type="text/css" href="../css/webpages/manage-seat.css">
    <script src="../js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="../js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="../css/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../js/manage-seat.js" type="text/javascript"></script>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a href="DashboardPM.html"><img src="../images/seatpoint-white-border.png" /></a>
                <!--<a href="DashboardPM.html" class="navbar-brand">SeatPoint</a>-->
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                    </span>
                </button>
            </div>
            <div class="navbar-collapse collapse" id="navbar-main">
                <ul class="nav navbar-nav">
                    <li class="dropdown"><a href="DashboardPM.html" id="themes">Dashboard</a> </li>
                    <li><a href="under-construction.html">Manage Request</a> </li>
                    <li class="active"><a href="#">Manage Seat</a> </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#"><span class="glyphicon glyphicon-globe active"></span></a></li>
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#" id="A1">
                        Hi Charles! <span class="caret"></span></a>
                        <ul class="dropdown-menu" aria-labelledby="setting">
                            <li><a tabindex="-1" href="login.html">Logout</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">Help</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="page-header" id="banner">
            <div class="row">
                <div class="col-lg-6">
                    <img src="../images/seatpoint-logo-sub.png" />
 <!--                   <h1>
                        SeatPoint</h1>
                    <p class="lead">
                        People Locator System</p>-->
                </div>
                <div class="col-lg-6">
                    <div class="well">
                        <div class="form-group">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Enter Employee Name" />
                                <span class="input-group-btn">
                                    <button id="search-employee-seat" class="btn btn-default" type="button" value="search">
                                        Search</button>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div id="resources" class="col-lg-2">
                <h2>
                    Resources</h2>
                <ul class="list-group">
                    <li class="list-group-item name-drop">Ogot, Kimwan A.</li>
                    <li class="list-group-item name-drop">Sayco, Herbert</li>
                    <li class="list-group-item name-drop">Abecina, Roanne</li>
                </ul>
            </div>
            <div class="col-lg-6">
                <div class="col-lg-3">
                    <p>
                        <select class="form-control input-sm">
                            <option selected="selected">PIC</option>
                            <option>PTC</option>
                        </select>
                    </p>
                </div>
                <div class="col-lg-3">
                    <p>
                        <select class="form-control input-sm">
                            <option selected="selected">3F</option>
                            <option>4F</option>
                        </select>
                    </p>
                </div>
                <div class="col-lg-3">
                    <p>
                        <select class="form-control input-sm" id="ddl-quadrant">
                            <option>All</option>
                            <option selected="selected">A</option>
                            <option>B</option>
                        </select>
                    </p>
                </div>
                <div class="col-lg-2">
                    <!--                    <button id="filter-floor" type="button" class="btn btn-default">
                        Go</button>-->
                </div>
            </div>
            <div class="col-lg-10">
                <div id="save-success" class="alert alert-success col-lg-12" style="display: none;">
                    Changes was successfully saved!</div>
                <div id="seat-plan" class="well">
                    <div class="row block">
                        <div class="col-lg-2">
                            <div class="col-lg-6 default-block">
                                1
                            </div>
                            <div class="col-lg-6 default-block">
                                1
                            </div>
                            <div class="col-lg-6 default-block">
                                2
                            </div>
                            <div class="col-lg-6 default-block">
                                2
                            </div>
                            <div class="col-lg-6 default-block">
                                3
                            </div>
                            <div class="col-lg-6 default-block">
                                3
                            </div>
                            <div class="col-lg-6 default-block">
                                4
                            </div>
                            <div class="col-lg-6 default-block">
                                4
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-2">
                            <div class="col-lg-6 default-block">
                                5
                            </div>
                            <div class="col-lg-6 default-block">
                                5
                            </div>
                            <div class="col-lg-6 default-block">
                                6
                            </div>
                            <div class="col-lg-6 default-block">
                                6
                            </div>
                            <div class="col-lg-6 default-block">
                                7
                            </div>
                            <div class="col-lg-6 default-block">
                                7
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-lg-offset-9">
                    <button type="button" class="btn btn-default" data-loading-text="Saving Changes..."
                        id="save-btn">
                        Save Changes</button>
                    <button type="button" class="btn btn-primary" id="confirmation-btn">
                        Confirm</button>
                </div>
            </div>
        </div>
        <hr />
        <div class="bs-docs-section">
            Test</div>
        <footer>
	<div class="row">
		<div class="col-lg-12">


			<p>&copy; 2013</p>
			<p>
				<a href="http://www.pointwest.com">www.pointwest.com</a>
			</p>
			<p>Group 1</p>

		</div>
	</div>
	</footer>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" id="modal-close" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;</button>
                    <h4 class="modal-title">
                        Confirmation Message</h4>
                </div>
                <div class="modal-body">
                    <p>
                        Are you sure you want to submit the New Seat Arrange ment to Corp Serv?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" id="modal-cancel" class="btn btn-default">
                        No</button>
                    <button type="button" id="modal-ok" class="btn btn-primary">
                        Yes</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</body>
